<!-- 系统缓存 -->
<template>
    <div class="cache">
        <el-card class="!border-none" shadow="never">
            <el-alert type="warning" title="温馨提示：管理系统运行过程中产生的缓存" :closable="false" show-icon></el-alert>
        </el-card>

        <el-card class="!border-none mt-4" shadow="never">
            <el-table :data="cacheDate" size="large">
                <el-table-column label="管理内容" prop="content" min-width="130"></el-table-column>
                <el-table-column label="内容说明" prop="desc" min-width="180"></el-table-column>
                <el-table-column label="操作" width="130" fixed="right">
                    <template #default>
                        <el-button type="primary" link @click="handleClean">清除系统缓存</el-button>
                    </template>
                </el-table-column>
            </el-table>
        </el-card>
    </div>
</template>

<script setup lang="ts" name="cache">
import { systemCacheClear } from "@/api/setting/system"
import feedback from "@/utils/feedback"

// 列表数据
const cacheDate = ref<Array<object>>([
    {
        content: "系统缓存",
        desc: "系统运行过程中产生的各类缓存数据"
    }
])

// 清理缓存
const handleClean = async () => {
    await feedback.confirm("确认清除系统缓存？")
    await systemCacheClear()
}
</script>
